<template>
	<view>
		<view class="bg-white pad-x-15 pad-y-10">
			<view class="font-14">
				<text>反馈内容</text>
			</view>
			
			<view class="mar-t-10">
				<u--textarea v-model="content" border="none" placeholder="问题描述的越详细,有助于我们更快的解决问题"></u--textarea>
			</view>
			
			<view class="mar-t-10">
				<u-upload
					:fileList="fileList"
					:maxCount="1"
					name="6"
					multiple
					width="250"
					height="150"
				>
					<view class="pictures flex justify-center align-center">
						<u-icon name="plus" size="30" color="#e6e6e6"></u-icon>
					</view>
				</u-upload>
			</view>
		</view>
		
		<view class="bg-white mar-t-10 pad-x-15 pad-y-10">
			<view class="font-14">
				<text>请留下您的联系方式</text>
			</view>
			
			<view class="mar-t-10">
				<u--input
					placeholder="请输入手机号/QQ号"
					border="none"
					v-model="phone"
					@change="change"
				></u--input>
			</view>
		</view>
		
		<view class="mar-t-100">
			<u-button type="primary" @click="submitData()">提 交</u-button>
		</view>
	</view>
</template>

<script>
	import { checkLogin } from '@/utils/lib'
	
	export default {
		data() {
			return {
				// 反馈内容
				content: '',
				
				// 手机号/QQ号
				phone: '',
				
				// 图片集合
				fileList: []
			}
		},
		
		onShow() {
			checkLogin()
		},
		
		methods: {
			// 提交反馈
			submitData() {
				
			},
		}
	}
</script>

<style lang="scss" scoped>
	.pictures {
		width: 50px;
		height: 50px;
		border-radius: 5px;
		border: 1px #e6e6e6 dashed;
	}
</style>
